
  .Basis-Calendar
  {
    width: 28ex; /* content width must be divisible by 28 (7 segments for month days and 4 segments for monthes, years etc) */
    padding: 0 5px; /* horizontal padding = border-width + content padding */
    font-size: 82%;

      -moz-user-select: none;
      -webkit-user-select: none;
    user-select: none;
  }

  /*
   * HEADER
   */

  .Basis-Calendar-ButtonPrevPeriod,
  .Basis-Calendar-ButtonNextPeriod
  {
    width: 2em;
    padding: .5em 0;
    position: absolute;
    font-weight: bold;
    color: #444;
    top: 0;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
  }
  .Basis-Calendar-ButtonPrevPeriod
  {
    left: -3px;
  }
  .Basis-Calendar-ButtonNextPeriod
  {
    right: -3px;
  }
  .Basis-Calendar-ButtonPrevPeriod:hover,
  .Basis-Calendar-ButtonNextPeriod:hover
  {
    color: #0066CC;
  }

  .Basis-Calendar-SectionTabs
  {
    text-align: center;
    padding-top: 4px;
  }
  .Basis-Calendar-SectionTab
  {
    display: inline-block;
    padding: 2px 4px 3px;
    cursor: pointer;
    background: #F4F4F4;
  }
  .Basis-Calendar-SectionTab:first-child
  {
      -moz-border-radius-topleft: 3px;
      -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
  }
  .Basis-Calendar-SectionTab:last-child
  {
      -moz-border-radius-topright: 3px;
      -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
  }
  .Basis-Calendar-SectionTab:hover
  {
    background: #F8F8F8;
  }
  .Basis-Calendar-SectionTab.selected
  {
    background: #D9E8FB;
    cursor: default;
  }

  /*
   * BODY
   */

  .Basis-Calendar-Body
  {
    clear: both;
    border-left: 3px solid #D9E8FB;
    border-right: 3px solid #D9E8FB;
    position: relative;
    line-height: 1 !important;
    height: 12.5em;
    padding-bottom: 4px;
    margin: 0 -5px;
  }

  /*
   *  FOOTER
   */

  .Basis-Calendar-Footer
  {
    padding: .4em 2px;
    margin: 0 -5px;
    text-align: center;
    background: white;
    border: 3px solid #D9E8FB;
    border-top-width: 1px;
      -moz-border-radius: 0 0 3px 3px;
      -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
  }

  .Basis-Calendar-Footer-Label
  {
    padding-right: 1ex;
  }
  .Basis-Calendar-Footer-Value
  {
    cursor: pointer;
    color: black;
    text-decoration: none;
  }
  .Basis-Calendar-Footer-Value:hover
  {
    color: #0066CC;
  }
